﻿<!DOCTYPE html>

<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="format-detection" content="telephone=no">
		<title>后台管理系统</title>
		<link rel="stylesheet" href="/lib/layui/css/layui.css" media="all" />

		<link rel="stylesheet" href="/lib/skin/css/admin.css" media="all" />

		<link rel="stylesheet" href="/lib/layui/css/global.css" media="all" />
		<link rel="stylesheet" href="/css/font-awesome/css/font-awesome.css" media="all" />
		
	</head>

<body class="layui-layout-body">

	<div class="layui-layout layui-layout-admin" >
		<!-- 头部 -->
		<div class="layui-header">
			<div class="layui-logo">
				<img src="/lib/skin/images/logo.png"/>
				<cite>后台管理系统</cite>
			</div>
			<ul class="layui-nav layui-layout-left">
				<li class="layui-nav-item" lay-unselect>
					<a class="kit-side-fold" title="侧边伸缩"><i class="layui-icon layui-icon-shrink-right"></i></a>
				</li>
			</ul>
			<ul class="layui-nav layui-layout-right">
				<li class="layui-nav-item">
					<a href='javascript:;' lay-id="-997" data-url="pages/notice/noticePubList.html"><i class="fa fa-envelope-o" aria-hidden="true" title="公告" unreadNotice></i></a>
				</li>
				<li class="layui-nav-item" lay-unselect>
					<a href="javascript:;" class="admin-header-user">
						<img class="layui-nav-img"/>
						<span></span>
					</a>
					<dl class="layui-nav-child">
						<dd>
							<a href='javascript:;' lay-id="-999" data-url="pages/user/updateMyself.html"><i class="fa fa-user-circle" aria-hidden="true"></i> 个人信息</a>
						</dd>
						<dd>
							<a href='javascript:;' lay-id="-998" data-url="pages/user/updateHeadImg.html"><i class="fa fa-drupal" aria-hidden="true"></i> 头像</a>
						</dd>
						<dd>
							<a href="javascript:;" onclick="logout()"><i class="fa fa-sign-out" aria-hidden="true"></i> 退出</a>
						</dd>
					</dl>
				</li>
			</ul>
		</div>

		<!-- 菜单 -->
		<div class="layui-side layui-bg-black" id="admin-side">
			<div class="layui-side-scroll" id="admin-navbar-side" lay-filter="side" style="background-color: #001529;">
				<ul id="menu" class="layui-nav layui-nav-tree" lay-filter="demo">

				</ul>
			</div>
		</div>


		<!-- 主体部分 -->
		<div class="layui-body"  id="admin-body">
			<div class="layui-tab admin-nav-card layui-tab-brief" lay-allowClose="true" lay-filter="admin-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">
						<i class="fa fa-dashboard" aria-hidden="true"></i>
						<cite>Home</cite>
					</li>
				</ul>
				<div class="layui-tab-content" style="min-height: 150px; padding: 5px;background-color: #f2f2f2;">
					<div class="layui-tab-item layui-show">
						<iframe src="pages/dashboard.html"></iframe>
					</div>
				</div>
			</div>

		</div>

		<!--<div class="layui-body"  id="admin-body">-->
			<!--<div class="layui-tab admin-nav-card layui-tab-brief" lay-allowClose="true" lay-filter="admin-tab">-->
				<!--<ul class="layui-tab-title" style="background-color: #002140;">-->
					<!--<li class="layui-this">-->
						<!--<i class="fa fa-dashboard" aria-hidden="true"></i>-->
						<!--<cite>Home</cite>-->
					<!--</li>-->
				<!--</ul>-->
				<!--<div class="layui-tab-content" style="min-height: 150px; padding: 5px 0 0 0;background-color: #f2f2f2;">-->
					<!--<div class="layui-tab-item layui-show">-->
						<!--<iframe src="pages/dashboard.html"></iframe>-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
		<!--</div>-->



		<div class="layui-footer footer footer-demo" id="admin-footer">
			<div>
				<p>UNIEAP研发中心  2015-2017</p>
			</div>
		</div>
		<div class="site-tree-mobile layui-hide">
			<i class="layui-icon">&#xe602;</i>
		</div>
		<div class="site-mobile-shade"></div>

	</div>


<script type="text/javascript" src="/lib/layui/layui.js"></script>
<script src="base-component/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/js/jq.js"></script>
<script type="text/javascript" src="/js/main.js"></script>

<script>

    $('.kit-side-fold').click(function(){
        var isExapnd = $('.layui-layout-admin').hasClass('admin-nav-mini');
        if (isExapnd) {
            $('.layui-layout-admin').removeClass('admin-nav-mini');
        } else {
            $('.layui-layout-admin').addClass('admin-nav-mini');
        }
	});
</script>

</body>

</html>